@charset "utf-8";
/*!
 * Mixins
 */

// Clearfix
@mixin fn-clear() {
  zoom:1;

  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ' ';
    clear: both;
    height: 0;
  }
}


// Set color for the placeholder text
@mixin placeholder($color: #999,$fsize: 1.5rem) {
  :-moz-placeholder {
    color: $color;
    font-size: $fsize;
  }
  ::-webkit-input-placeholder {
    color: $color;
    font-size: $fsize;
  }
}

// ie7 inline-block hack
@mixin ie7-inline-block {
  *display: inline;
  *zoom: 1;
}


@mixin inline-block{
	display: -moz-inline-stack;
	display: inline-block;
}

// Set text-size-adjust property for mobile devices
@mixin text-size-adjust($value: 100%) {
  @each $prefix in 'webkit', 'moz', 'ms' {
    -#{$prefix}-text-size-adjust: $value;
  }
}

@mixin content-box{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

@mixin box-shadow($x,$y,$blur,$color){
	-moz-box-shadow: #{$x} #{$y} #{$blur} #{$color};
	-webkit-box-shadow: #{$x} #{$y} #{$blur} #{$color};
	box-shadow: #{$x} #{$y} #{$blur} #{$color};
}

@mixin auto-height(){
  @include flex();
}

@mixin scrolling(){
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}